<template>
  <div>
    <SubScopeSlot>
      <template #default="scope">
        <p>{{ scope }}</p>
      </template>
      <template #header="scope">
        <p>{{ scope }}</p>
        <p>{{ scope.message }}</p>
      </template>
      <template #content="{ user }">
        <p>{{ user.name }}</p>
        <p>{{ user.age }}</p>
      </template>
    </SubScopeSlot>
  </div>
</template>

<script setup>
import SubScopeSlot from "./SubScopeSlot.vue";
</script>

<style lang="scss" scoped></style>
